<template>
  <el-container>
    <el-header style="height: 47px;">
      <p>财务日流水查询</p>
    </el-header>
    <el-main>
      <el-row class="btn-group">
        <el-button class="btn"
                   @click="handleDownloadFinDay"><span>导出</span><i class="el-icon-download"></i>
        </el-button>
      </el-row>
    <el-table :data="dataList" v-loading="listLoading" element-loading-text="给我一点时间"
              highlight-current-row stripe
              style="width: 100%" ref="finDayTable" @selection-change="handleSelectChangeFinDay">
      <el-table-column fixed sortable align="center" label="入账日期" width="150">
        <template slot-scope="scope">
          <span>{{scope.row.booked_date}}</span>
        </template>
      </el-table-column>
      <el-table-column  sortable align="center" label="单位名称" width="150">
        <template slot-scope="scope">
          <span>{{scope.row.orgname}}</span>
        </template>
      </el-table-column>
      <el-table-column   sortable align="center" label="应收金额" width="150">
        <template slot-scope="scope">
          <span>{{scope.row.shouldcost}}</span>
        </template>
      </el-table-column>
      <el-table-column   sortable align="center" label="应收调整金额" width="150">
        <template slot-scope="scope">
          <span>{{scope.row.shouldadjust}}</span>
        </template>
      </el-table-column>
      <el-table-column   sortable align="center" label="实收调整金额" width="150">
        <template slot-scope="scope">
          <span>{{scope.row.realadjust}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="微信扫码出场金额" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.wxsmccje}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="微信扫码出场笔数" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.wxsmccbs}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="微信扫码出场手续费" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.wxsmccsxf}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="支付宝扫码出场金额" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.zfbsmccje}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="支付宝扫码出场笔数" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.zfbsmccbs}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="支付宝扫码出场手续费" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.zfbsmccsxf}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="微信扫码补缴往月金额" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.wxsmbj91hwyje}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="微信扫码补缴往月笔数" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.wxsmbj91hwybs}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="微信扫码补缴往月手续费" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.wxsmbj91hwysxf}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="微信扫码补缴当月金额" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.wxsmbjdyje}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="微信扫码补缴当月笔数" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.wxsmbjdybs}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="微信扫码补缴当月手续费" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.wxsmbjdysxf}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="微信扫码补缴当日金额" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.wxsmbjdrje}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="微信扫码补缴当日笔数" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.wxsmbjdrbs}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="微信扫码补缴当日手续费" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.wxsmbjdrsxf}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="支付宝扫码补缴往月金额" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.zfbsmbj91hwyje}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="支付宝扫码补缴往月笔数" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.zfbsmbj91hwybs}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="支付宝扫码补缴往月手续费" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.zfbsmbj91hwysxf}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="支付宝扫码补缴当月金额" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.zfbsmbjdyje}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="支付宝扫码补缴当月笔数" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.zfbsmbjdybs}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="支付宝扫码补缴当月手续费" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.zfbsmbjdysxf}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="支付宝扫码补缴当日金额" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.zfbsmbjdrje}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="支付宝扫码补缴当日笔数" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.zfbsmbjdrbs}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="支付宝扫码补缴当日手续费" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.zfbsmbjdrsxf}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="微信公众号补缴往月金额" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.wxgzhbj91hwyje}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="微信公众号补缴往月笔数" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.wxgzhbj91hwybs}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="微信公众号补缴往月手续费" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.wxgzhbj91hwysxf}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="微信公众号补缴当月金额" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.wxgzhbjdyje}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="微信公众号补缴当月笔数" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.wxgzhbjdybs}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="微信公众号补缴当月手续费" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.wxgzhbjdysxf}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="微信公众号补缴当日金额" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.wxgzhbjdrje}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="微信公众号补缴当日笔数" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.wxgzhbjdrbs}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="微信公众号补缴当日手续费" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.wxgzhbjdrsxf}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="支付宝服务窗补缴往月金额" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.zfbfwcbj91hwyje}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="支付宝服务窗补缴往月笔数" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.zfbfwcbj91hwybs}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="支付宝服务窗补缴往月手续费" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.zfbfwcbj91hwysxf}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="支付宝服务窗补缴当月金额" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.zfbfwcbjdyje}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="支付宝服务窗补缴当月笔数" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.zfbfwcbjdybs}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="支付宝服务窗补缴当月手续费" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.zfbfwcbjdysxf}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="支付宝服务窗补缴当日金额" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.zfbfwcbjdrje}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="支付宝服务窗补缴当日笔数" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.zfbfwcbjdrbs}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="支付宝服务窗补缴当日手续费" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.zfbfwcbjdrsxf}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="APP微信往月补缴金额" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.wxappbj91hwyje}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="APP微信往月补缴笔数" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.wxappbj91hwybs}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="APP微信往月补缴手续费" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.wxappbj91hwysxf}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="APP微信当月补缴金额" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.wxappbjdyje}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="APP微信当月补缴笔数" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.wxappbjdybs}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="APP微信当月补缴手续费" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.wxappbjdysxf}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="APP微信当日补缴金额" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.wxappbjdrje}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="APP微信当日补缴笔数" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.wxappbjdrbs}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="APP微信当日补缴手续费" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.wxappbjdrsxf}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="APP支付宝往月补缴金额" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.zfbappbj91hwyje}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="APP支付宝往月补缴笔数" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.zfbappbj91hwybs}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="APP支付宝往月补缴手续费" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.zfbappbj91hwysxf}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="APP支付宝当月补缴金额" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.zfbappbjdyje}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="APP支付宝当月补缴笔数" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.zfbappbjdybs}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="APP支付宝当月补缴手续费" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.zfbappbjdysxf}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="APP支付宝当日补缴金额" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.zfbappbjdrje}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="APP支付宝当日补缴笔数" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.zfbappbjdrbs}}</span>
        </template>
      </el-table-column>
      <el-table-column sortable align="center" label="APP支付宝当日补缴手续费" width="200">
        <template slot-scope="scope">
          <span>{{scope.row.zfbappbjdrsxf}}</span>
        </template>
      </el-table-column>
    </el-table>
    </el-main>
    <el-footer>
      <el-pagination style="margin-top: 16px" background @size-change="handleSizeChangeFinDay" @current-change="handleCurrentChangeFinDay"
                     :current-page="listQuery.page" :page-sizes="[10,20,30, 50]" :page-size="listQuery.limit"
                     layout="total, sizes, prev, pager, next, jumper" :total="total">
      </el-pagination>
    </el-footer>
  </el-container>
</template>

<script>
  /* eslint-disable */
  import ElFooter from "element-ui/packages/footer/src/main";

  export default {
    components: {ElFooter},
    name: "fin-day-table",
    props:['searchList','listLoadingFinDay'],
    watch:{
      searchList(val){
        this.dataList=val.list
        this.total=val.count
      },
      listLoadingFinDay(val){
        this.listLoading=val
      }
    },
    data() {
      return {
        listLoading: false,
        downloadLoading: false,
        dataList: [],
        selectList: [],
        total: 0,
        listQuery: {
          page: 1,
          limit: 20
        }
      }
    },
    methods:{
      handleDownloadFinDay(){

      },
      handleSelectChangeFinDay(val) {
        this.selectList = val
      },
      handleSizeChangeFinDay(val) {
        this.listQuery.limit = val
        this.$emit('handleSizeChangeFinDay',val)
      },
      handleCurrentChangeFinDay(val) {
        this.listQuery.page = val
        this.$emit('handleCurrentChangeFinDay',val)
      },
    }
  }
</script>

<style scoped>
  .btn-group > .el-button span{
    display: none;
  }
  .btn-group > .el-button:hover{
    background-color: #409EFF;
  }
  .btn-group > .el-button:hover span{
    display: block;
  }
  .btn-group > .el-button:hover i{
    display: none;
  }
</style>
